<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        .el-page-header__content {
            color: white;
            font-weight: bold;
        }
        .demo-form-inline {
            margin: 20px 0 0 20px;
            font-weight: bold;
        }

        .el-icon-arrow-down {
            font-size: 12px;
        }
        th{
            background-color: cadetblue;
        }
    </style>
</head>
<body>
<div id="app">
    <el-page-header style="background-color: #3f3f3f; color: white;
    line-height: 60px;" @back="goBack" content="教师授课管理">
    </el-page-header>
    <el-form :inline="true" :model="t" class="demo-form-inline">
        <el-form-item label="教师姓名:">
            <el-input v-model="name" placeholder="请输入教师姓名"></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" icon="el-icon-search" @click="select">课程安排</el-button>
        </el-form-item>
    </el-form>
    <hr>
    <p>课表格式说明：教师姓名 课程名称(序号) (第n周-第m周,教室)</p>
    <table style="width: 100%;height: 1000px" border="1">
        <th colspan="2">节次</th>
        <th>星期一</th>
        <th>星期二</th>
        <th>星期三</th>
        <th>星期四</th>
        <th>星期五</th>
        <th>星期六</th>
        <th>星期日</th>
        <tr>
            <td rowspan="4" style="background-color: yellow">上午</td>
            <td style="background-color: yellow">第一节</td>
            <td rowspan="2">大学生职业生涯规划◇[9-16],[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇潘晨</td>
            <td rowspan="2">无机及分析化学(上)◇[4-16],[1-2节]◇崇学楼南207◇班级：22生药1班,22生药2班◇吴蓉</td>
            <td rowspan="2">大学生职业生涯规划◇[9-16],[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇潘晨</td>
            <td rowspan="2">高等数学Ⅱ（一）◇[4-16]双,[1-2节]◇崇学楼南207◇班级：22生药1班,22生药2班◇侯勇超

                大学英语（1）◇[5-13]单,[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇朱海燕</td>
            <td rowspan="2">高等数学Ⅱ（一）◇[4-16],[1-2节]◇崇学楼中306◇班级：22生药1班,22生药2班◇侯勇超</td>
            <td rowspan="2">休息</td>
            <td rowspan="2">休息</td>
        </tr>
        <tr>
            <td style="background-color: yellow">第二节</td>
        </tr>
        <tr>
            <td style="background-color: yellow">第三节</td>
            <td rowspan="2">大学生职业生涯规划◇[9-16],[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇潘晨</td>
            <td rowspan="2">无机及分析化学(上)◇[4-16],[1-2节]◇崇学楼南207◇班级：22生药1班,22生药2班◇吴蓉</td>
            <td rowspan="2">大学生职业生涯规划◇[9-16],[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇潘晨</td>
            <td rowspan="2">高等数学Ⅱ（一）◇[4-16]双,[1-2节]◇崇学楼南207◇班级：22生药1班,22生药2班◇侯勇超

                大学英语（1）◇[5-13]单,[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇朱海燕</td>
            <td rowspan="2">高等数学Ⅱ（一）◇[4-16],[1-2节]◇崇学楼中306◇班级：22生药1班,22生药2班◇侯勇超</td>
            <td rowspan="2">休息</td>
            <td rowspan="2">休息</td>
        </tr>
        <tr>
            <td style="background-color: yellow">第四节</td>
        </tr>
        <tr>
            <td rowspan="4" style="background-color: green">下午</td>
            <td style="background-color: green">第五节</td>
            <td rowspan="2">大学生职业生涯规划◇[9-16],[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇潘晨</td>
            <td rowspan="2">无机及分析化学(上)◇[4-16],[1-2节]◇崇学楼南207◇班级：22生药1班,22生药2班◇吴蓉</td>
            <td rowspan="2">大学生职业生涯规划◇[9-16],[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇潘晨</td>
            <td rowspan="2">高等数学Ⅱ（一）◇[4-16]双,[1-2节]◇崇学楼南207◇班级：22生药1班,22生药2班◇侯勇超

                大学英语（1）◇[5-13]单,[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇朱海燕</td>
            <td rowspan="2">高等数学Ⅱ（一）◇[4-16],[1-2节]◇崇学楼中306◇班级：22生药1班,22生药2班◇侯勇超</td>
            <td rowspan="2">休息</td>
            <td rowspan="2">休息</td>
        </tr>
        <tr>
            <td style="background-color: green">第六节</td>
        </tr>
        <tr>
            <td style="background-color: green">第七节</td>
            <td rowspan="2">大学生职业生涯规划◇[9-16],[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇潘晨</td>
            <td rowspan="2">无机及分析化学(上)◇[4-16],[1-2节]◇崇学楼南207◇班级：22生药1班,22生药2班◇吴蓉</td>
            <td rowspan="2">大学生职业生涯规划◇[9-16],[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇潘晨</td>
            <td rowspan="2">高等数学Ⅱ（一）◇[4-16]双,[1-2节]◇崇学楼南207◇班级：22生药1班,22生药2班◇侯勇超

                大学英语（1）◇[5-13]单,[1-2节]◇崇学楼南206◇班级：22生药1班,22生药2班◇朱海燕</td>
            <td rowspan="2">高等数学Ⅱ（一）◇[4-16],[1-2节]◇崇学楼中306◇班级：22生药1班,22生药2班◇侯勇超</td>
            <td rowspan="2">休息</td>
            <td rowspan="2">休息</td>
        </tr>
        <tr>
            <td style="background-color: green">第八节</td>
        </tr>
        <tr>
            <td rowspan="3" style="background-color: pink">晚上</td>
            <td style="background-color: pink">第九节</td>
            <td rowspan="3"></td>
            <td rowspan="3"></td>
            <td rowspan="3"></td>
            <td rowspan="3"></td>
            <td rowspan="3"></td>
            <td rowspan="3">休息</td>
            <td rowspan="3">休息</td>
        </tr>
        <tr>
            <td style="background-color: pink">第十节</td>
        </tr>
        <tr>
            <td style="background-color: pink">第十一节</td>

        </tr>
    </table>
    <p>课程列表:</p>
    <table style="width: 100%;height: 400px" border="1">
        <th>序号</th>
        <th>课程Id</th>
        <th>课程名称</th>
        <th>学分</th>
        <th>教师</th>
        <th>备注</th>
        <th>操作</th>
        <tr>
            <td>1</td>
            <td>3</td>
            <td>生物制药专业导论</td>
            <td>0.5</td>
            <td>陈小举</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>2</td>
            <td>3</td>
            <td>普通生物学</td>
            <td>2.5</td>
            <td>晏娟</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>3</td>
            <td>3</td>
            <td>无机及分析化学(上)</td>
            <td>3</td>
            <td>吴蓉</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>4</td>
            <td>3</td>
            <td>无机及分析化学实验(上)</td>
            <td>0.5</td>
            <td>刘志军,王春雨</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>5</td>
            <td>3</td>
            <td>大学生职业生涯规划</td>
            <td>1</td>
            <td>潘晨</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>6</td>
            <td>3</td>
            <td>大学英语（1）</td>
            <td>2.5</td>
            <td>朱海燕</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>7</td>
            <td>3</td>
            <td>大学英语口语（1）</td>
            <td>0.5</td>
            <td>朱海燕</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>8</td>
            <td>3</td>
            <td>高等数学Ⅱ（一）</td>
            <td>4</td>
            <td>侯勇超</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>9</td>
            <td>3</td>
            <td>思想道德与法治</td>
            <td>3</td>
            <td>刘斌</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
        <tr>
            <td>10</td>
            <td>3</td>
            <td>心理健康教育</td>
            <td>2</td>
            <td>李德成</td>
            <td></td>
            <td><a href="">授课计划</a><a href="">课程小结</a></td>
        </tr>
    </table>

</div>
</body>
<!--inport Axios Framework-->
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                t:{
                    name:''
                }
            }
        },
        methods: {
            goBack() {
                history.back();//返回上一页面
            },
            select(){

            }
        }
    })
</script>
</html>